$(function () {
    let size = 5;
    let page = 1;
    let dateObj = {};
    let idStr=0;
    let showDta = new FormData();
    showDta.append("size", size);
    showDta.append("page", page);
    show("course/list.php", showDta);

    function show(url, formData) {
        $.ajax({
            //请求方式
            type: "POST",
            //请求的媒体类型
            // contentType: "application/x-www-form-urlencoded",//文本
            processData: false,
            contentType: false,
            //请求地址
            url: url,
            //数据
            data: formData,
            // ifModified:true,//仅在服务器数据改变时获取新数据。默认值: false
            dataType: "json",//返回的数据类型
            //请求成功
            success: function (result) {
                if (result.code == 200) {
                    let dataObj = result.data;
                    dateObj.count = dataObj.count;
                    let list = dataObj.list;

                    //先删除表格和页码
                    $("#pages").empty();
                    $("#tb").empty();

                    //创建列表
                    for (let i = 0; i < size; i++) {
                        if (i < list.length) {
                            $("#tb").append($("<tr></tr>"));
                            for (let key in list[i]) {
                                $("<td>" + list[i][key] + "</td>").appendTo($("#tb>tr:last"));
                            }
                            $("<td><button class='change'>修改</button><button class='del'>删除</button></td>").appendTo($("#tb>tr:last"));
                        }
                    }
                    //创建页码
                    for (let i = 1; i <= Math.ceil(dateObj.count / size); i++) {
                        $("<button>" + i + "</button>").appendTo($("#pages"))
                    }
                    //页码点击事件
                    $("#pages>button").click(function () {
                        showDta.set("page", $(this).text());
                        show("course/list.php", showDta);
                    })
                } else {
                    alert(result.msg);
                }

            },
            error: function (e) {
                console.log(e.status);
                console.log(e.responseText);
            }
        });
    }

    //左边按钮点击事件
    $("#left").click(function () {
        if (page <= 1) {
            page = 1;
            return;
        }
        page--;
        showDta.set("page", page);
        show("course/list.php", showDta);
    });

    //右边按钮点击事件
    $("#right").click(function () {
        if (page >= Math.ceil(dateObj.count / size)) {
            page = Math.ceil(dateObj.count / size);
            return;
        }
        page++;
        // paeStr = "size=" + size + "&page=" + page;
        showDta.set("page", page);
        show("course/list.php", showDta);
    });
    //修改点击事件
    $("#tb").on("click",".change",function () {
        $("#change").show();
        $("#mask").show();
        idStr=$(this).parents("tr").children().first().text();
        let getData=new FormData();
        getData.append("id",idStr);
        $.ajax({
            //请求方式
            type: "POST",
            //请求的媒体类型
            // contentType: "application/x-www-form-urlencoded",//文本
            processData: false,
            contentType: false,
            //请求地址
            url: "course/get.php",
            //数据
            data: getData,
            // ifModified:true,//仅在服务器数据改变时获取新数据。默认值: false
            dataType: "json",//返回的数据类型
            //请求成功
            success: function (result) {
                if (result.code == 200) {
                    $("#changeName").val(result.data.courseName);
                    $("#changeNum").val(result.data.courseNo);
                } else {
                    alert(result.msg);
                }
            },
            error: function (e) {
                console.log(e.status);
                console.log(e.responseText);
            }
        });
        show("course/list.php", showDta);
    });

    //确认修改事件
    $("#changeMess").click(function () {
        let changeData=new FormData();
        changeData.append("id", idStr);
        changeData.append("courseName", $("#changeName").val());
        changeData.append("courseNo", $("#changeNum").val());
        $.ajax({
            //请求方式
            type: "POST",
            //请求的媒体类型
            // contentType: "application/x-www-form-urlencoded",//文本
            processData: false,
            contentType: false,
            //请求地址
            url: "course/update.php",
            //数据
            data: changeData,
            // ifModified:true,//仅在服务器数据改变时获取新数据。默认值: false
            dataType: "json",//返回的数据类型
            //请求成功
            success: function (result) {
                if (result.code == 200) {
                    $("#change").hide();
                    $("#mask").hide();
                    alert("修改成功");
                } else {
                    alert(result.msg);
                }
            },
            error: function (e) {
                console.log(e.status);
                console.log(e.responseText);
            }
        });


    })

    //删除点击事件
    $("#tb").on("click",".del",function () {
        let queryStr=+$(this).parents("tr").children().first().text();
        let delData=new FormData();
        delData.append("id",queryStr);
        $(this).parent().parent().remove();
        $.ajax({
            //请求方式
            type : "POST",
            //请求的媒体类型
            // contentType: "application/x-www-form-urlencoded",//文本
            processData : false,
            contentType : false,
            //请求地址
            url : "course/delete.php",
            //数据
            data : delData,
            dataType:"json",//返回的数据类型
            //请求成功
            success : function(result) {
                if(result.code==200){
                    alert("删除成功");
                } else{
                    alert(result.msg);
                }

            },
            //请求失败，包含具体的错误信息
            error : function(e){
                console.log(e.status);
                console.log(e.responseText);
            }
        });
    });

    //新增事件
    $("#add").click(function () {
        $("#addTable").show();
        $("#mask").show();

    });

    //添加事件
    $("#addMess").click(function () {
        let addData = new FormData();
        addData.append("courseName", $("#name").val());
        addData.append("courseNo", $("#num").val());

        $.ajax({
            //请求方式
            type: "POST",
            //请求的媒体类型
            // contentType: "application/x-www-form-urlencoded",//文本
            processData: false,
            contentType: false,
            //请求地址
            url: "course/add.php",
            //数据
            data: addData,
            // ifModified:true,//仅在服务器数据改变时获取新数据。默认值: false
            dataType: "json",//返回的数据类型
            //请求成功
            success: function (result) {
                if (result.code == 200) {
                    $("#addTable").hide();
                    $("#mask").hide();
                    alert("添加成功");

                } else {
                    alert(result.msg);
                }

            },
            error: function (e) {
                console.log(e.status);
                console.log(e.responseText);
            }
        });
        show("course/list.php", showDta);
    });
});



